{% extends "base.html" %} 

{% block head %}
  <style type="text/css">
    @import url('/css/tools.css');
  </style>
{% endblock head %}

{% block body %}    
  <div id="wrap">
  {% include 'header.html' %}  
    <!-- startcontent -->
    <img style="height: 177px;" src="{{ base_url }}/img/osde.png" class="right" />
    <h2>Developer Tools</h2>
    <div>
      <h3><a target="_blank" href="http://www.eisbahn.jp/trac/osde">OpenSocial Development Environment for Eclipse</a></h3>
        The OpenSocial Development Environment (OSDE) is an Eclipse Plug-in 
        which allows you to develop and test OpenSocial application very easily.
        OSDE lets you run a gadget server inside of Eclipse, as well as 
        create test user profiles, social graphs, groups, and application 
        data.  
    </div>
    <div class="clear">
      <h3><a target="_blank" href="http://apptranslator.appspot.com/manager">AppTranslator Message Bundle Manager</a></h3>
        <img  style="height: 126px;" src="{{ base_url }}/img/apptranslator.png" class="right" />
        The AppTranslator message bundle manager lets you import and create 
        message bundles which will be automatically machine translated to other 
        languages. 
        Export your bundles back into your gadget for an easy way to localize
        your app to a variety of languages.  Users of your application can also
        suggest better alternative translations in cases where the automatic 
        translation may not be completely accurate.
    </div>
    <div class="clear">
      <h3><a target="_blank" href="http://code.google.com/p/opensocial-resources/wiki/ComplianceTests">OpenSocial Compliance Tests</a></h3>
        <img style="height: 80px;" src="{{ base_url }}/img/compliancetests.png" class="right" />
        The OpenSocial Compliance Tests are a series of unit tests that you 
        can run to determine how compliant a container is with the OpenSocial
        specification.
    </div>
    <div class="clear">
      <h3><a target="_blank" href="http://opensocial-compliance.appspot.com/">OpenSocial Compliance Matrix</a></h3>
        <img style="height: 89px;" src="{{ base_url }}/img/compliancematrix.png" class="right" />
        Use the Compliance Matrix to see the results of the Compliance Tests for
        several OpenSocial containers in an easy to use side by side view.
    </div>

    <h2 class="clear">General Help</h2>
    <ul>
      <li>
        <a target="_blank" href="http://opensocial.org">OpenSocial.org</a>
      </li>
      <li>
        <a target="_blank" href="http://wiki.opensocial.org/">Community Wiki</a>
      </li>
      <li>
        <a target="_blank" href="http://groups.google.com/group/opensocial/">Forums</a>
      </li>
    </ul>
    <!-- endcontent -->
  </div>
{% endblock body %}
